// @名称： top.less
// @作者： 耗子
// @功能： topnav样式

.hll-topnav{width:100%;height:25px;background:@brownDark;*position: relative;*z-index:1;}
.hll-topnav .u{border-right:1px solid #8e6048;width:0;height:10px;display:inline-block;position:absolute;top:9px;line-height:0}
.hll-topnav .box{width:@maxWidth;margin:0 auto;color:#f0f0f0;position:relative;}
.hll-topnav .wel{position:relative;top:3px;zoom:1;}
.hll-topnav .wel .u{top:5px;_top:4px;left:185px\0;}
.hll-topnav .link{position:absolute;top:0;right:0}

.hll-topnav a{color:#ecd1a4}
.hll-topnav .t-login{margin:0 10px 0 17px;}
.hll-topnav .t-signup{margin-left: 10px}
.hll-topnav .t-logout{margin-left: 10px;color:#ecd1a4}

//一键换肤
.hll-topnav .skins{.f-inlineBlock;font-size:0;margin-right:20px;padding-top:7px}
.skins a{display:inline-block;width:10px;height:10px; _font-size:0;border:1px solid #FFF;border-radius:1px;margin-left:5px;overflow:hidden;}
.hll-topnav .skins a:hover,.skincurrent{ border:1px solid #FFC !important}

//垂直导航
.vnav{.f-inlineBlock;vertical-align:top}

//一层
.vnav .v-index,.vnav .v-unpay,.vnav .v-user{.f-inlineBlock;line-height:23px;position:relative;vertical-align:top}
.vnav .top,.hll-topnav .v-index a{display:inline-block;line-height:25px;border-radius:4px 4px 0 0;padding:0 9px 0 9px;height:26px;_height:24px;overflow:hidden;border:1px solid transparent;_border:1px solid #623319;border-bottom:none;position:relative;z-index:2}
.vnav .top:hover,.hll-topnav .top.current{text-decoration:none;background:#fff;color:#630 !important;height:27px;border:1px solid #462512;border-bottom:none;}
.vnav .top .s{display:inline-block;background:url("@{imgDir}/skin_default/common_icon.png?v=@{version}") no-repeat -80px -194px;width:6px;height:3px;font-size:0;position:absolute;top:11px;right:5px}
.vnav .top:hover s,.hll-topnav .top.current s{background-position: -80px -191px}
.hll-topnav .v-unpay,.hll-topnav .v-index{margin-right:1px;}

//二层重置
.vnav li ul{position:absolute;right:0;top:27px;background:#fff;border:1px solid #462512;border-radius:0 0 4px 4px;padding: 0 1px;box-shadow:0px 2px 2px #ccc;color:#630;z-index:1;display:none;}
.vnav li li{display:block;position:relative;}
.vnav li li a{color:#630 !important;}

//首页
.hll-topnav.v-index{padding:2px 9px 0 0;}
//待付款
.hll-topnav .v-unpay ul {width:285px;padding:0 15px 8px;_right:-1px;}
.hll-topnav .v-unpay ul a{display:inline-block;margin:0;padding:0;color:#630;width:215px;line-height:15px}
.hll-topnav .v-unpay ul span a{width:auto;display:inline;color:#c00 !important;}
.hll-topnav .v-unpay ul .h{font-weight:700;color:#333;margin:9px 0 3px}
.hll-topnav .v-unpay ul span{color:#ccc;position:absolute;right:3px}
.hll-topnav .v-unpay ul span em{color:#c00;font-weight:700}
.hll-topnav .v-unpay ul .f{border-top:1px solid #ddd;padding:10px 0;color:#333;font-weight:700;margin-top:2px}
.hll-topnav .v-unpay ul .f .btn-2b{display:inline-block;position:absolute;width:68px;height:27px;right:0;top:8px}
.hll-topnav .v-unpay ul li{padding:0 3px}
.hll-topnav .v-unpay ul .f .btn-2b:hover{text-decoration:none}
.hll-topnav .v-unpay i{font-weight:700;color:#cff;margin:0 2px}
.hll-topnav .v-unpay:hover i,.hll-topnav .v-unpay .current i{color:#c00}
//我的帐号
.hll-topnav .v-user .top{padding:0 15px 0 9px !important}
.hll-topnav .v-user ul {width:116px;padding:5px 0}
.hll-topnav .v-user ul a{display:block;height:28px;margin:0;padding:0;line-height:28px;_height:20px;_padding-top:8px}
.hll-topnav .v-user ul a:hover{background:#f0f0f0;border:none;text-decoration:none}
.hll-topnav .v-user ul a img{vertical-align:-4px;margin:0 7px 0 15px;}